<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	    <script type="text/javascript">
	    	window.onload=function(){
	    	var div=document.querySelector(".title");
	    	var	spans=div.children
	    	 for(var i =0; i < spans.length; i++){
	    	    spans[i].onclick=function(){
	    	    	for (var j=0; j<spans.length; j++) {
	    	    		//
	    	    		if(spans[j]!=this){
	    	    			this.className="active";
	    	    			
	    	    		}else{
	    	    			spans[j].className="";
	    	    		}
	    	    		
	    	    	}
	    	    	
	    	    }
	    	    
	    	   }
	    	}
	    </script>
	</head>
	<body>
		<div class="content">
			<div class="box">
				<div class="right">
					<div class="title">
						<span class="active">登录</span>
						<span >注册</span>
						
					</div>
					<div class="text">
						<div class="login">
							<form action="#" method="get">
								<input type="text"  name="name" id="name" placeholder="请输入手机号或者邮箱"/>
								<br />
								<input type="password" name="paw" id="paw" placeholder="请输入密码"/>
								<br />
								<div >
								    <input type="checkbox" name="chk" id="chk" />
							  
							        <label for="chk">自动登录</label>
								</div>
								<br />
								<input type="submit" value="登录"/>
							</form>
						</div>
						<div class="register">
							<form action="#" method="get">
								<input type="text" name="name2" id="name2" placeholder="请输入手机号码或邮箱" />
								<br />
								<input type="password" name="pwd2" id="pwd2" placeholder="请输入密码" />
								<br />
								<input type="text" name="yzm" id="yzm" placeholder="请输入验证码"  />
								<input type="button" name="yzm2" id="yzm2" value="获取验证码" />
								<br />
								<input type="submit" value="立即注册"/>
								<br>
								<div>
									<input type="checkbox" name="chk2" id="chk2" />
									<label for="chk2">我已阅读并同意 《音悦Tai服务条款》</label>
								</div>
							</form>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</body>
</html>
